.emojiBox{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    max-height: 380px;
    overflow-y: scroll;
    background-color: #f7f7f7;
    // position: relative; /* 保证相对定位的动画生效 */
    .emojyItem{
        width: 12.5%;
        display: flex;
        flex-direction: column;
        align-items: center;
        .emojyvalue{
            font-size: 50px;
        }
        .emojyname{
            font-size: 20px;
            color: #ccc;
        }
    }
}


/* 进入动画 */
.slide-enter {
    transform: translateY(-100%);
}
.slide-enter-active {
transform: translateY(0%);
transition: transform 0.5s ease-in-out;
}

/* 退出动画 */
.slide-exit {
transform: translateY(0%);
}
.slide-exit-active {
transform: translateY(100%);
transition: transform 0.5s ease-in-out;
}
  
